.CoryzaEnd{
    background:#18C756;
    .All{
        background: #FFFFFF;
        margin: 0 auto;
        margin-top: 15%;
        min-height: 440px;
        max-height: 860px;
        width: 90%;
        border-radius: 10px;
        .top{
            height: 20%;
            margin: 0 auto;
            width: 80%;
            border-bottom: 1px dashed rgba(155, 155, 155,0.30);
            img{
                width: 55px;
                position: absolute;
                top: -30px;
                left: 50%;
                margin-left: -28px;
            }
            .Blackfont-19{
                width: 100%;
                margin: 0 auto;
                padding-top: 22%;
                text-align: center;
                padding-bottom: 10%;
            }
        }
        .center{
            width: 100%;
            height: 50%;
            border-bottom: 1px dashed #18C756;
            .time_left{
                margin:10% 0 5% 15%;
                float: left;
            }
            .energy_right{
                margin: 10% 14% 5% 0;
                float: right;
            }
            .circle_left{
                width: 80px;
                height: 80px;
                border-radius: 50%;
                box-shadow: 0px 1px 12px 0px rgba(62,62,62,0.5);
                float: left;
                margin-left: 12%;
                img{
                    display: block;
                    width: 18%;
                    margin: 10% auto;
                }
                .time_up{
                    width: 100%;
                    margin: 0 auto;
                    text-align: center;
                }
                .time_down{
                    font-size: 10px;
                    width: 100%;
                    margin: 5% auto;
                    text-align: center;
                }
            }
            .circle_right{
                width: 80px;
                height: 80px;
                border-radius: 50%;
                box-shadow: 0px 1px 12px 0px rgba(62,62,62,0.5);
                float: right;
                margin-right: 12%;

                img{
                    display: block;
                    width: 18%;
                    margin: 10% auto;
                }
                .energy_up{
                    width: 100%;
                    margin: 0 auto;
                    text-align: center;
                }
                .energy_down{
                    font-size: 10px;
                    width: 100%;
                    margin: 5% auto;
                    text-align: center;
                }
            }
            .Redbg{
                width: 180px;
                height: 25px;
                margin: 10% auto;
                border-radius: 15px;
                .award{
                    i{
                        display: inline-block;
                        padding: 0;
                        margin: 0;
                        text-indent: 0;
                    }
                    width: 100%;
                    margin: 0 auto;
                    text-indent: 12%;
                    img{
                        position: relative;
                        top: 3px;
                        width: 10%;
                        height: 90%;
                    }
                }
            }
        }
        .bottom{
            height: 124px;
            width: 100%;
            .small_circle_left{
                width: 11px;
                height: 11px;
                border-radius: 50%;
                position: relative;
//              top:0;
//              left: 0;
                background:#18C756;
                top: -6px;
                left: -6px;
            }
            .small_circle_right{
                width: 11px;
                height: 11px;
                border-radius: 50%;
                position: relative;
                top:0;
                right: 0;
                background:#18C756;
                top: -17px;
                left:98.5%;
            }
            .energy{
                margin: 0 auto;
                width: 100%;
                img{
                    width: 22px;
                    //position: absolute;
                    margin-left: 19%;
                    vertical-align: bottom;
                }
                /*span{
                    vertical-align: middle;
                }*/
            }
            .time{
                margin: 0 auto;
                margin-top: 5%;
                width: 100%;
                img{
                    width: 22px;
                    //position: absolute;
                    margin-left: 19%;
                    vertical-align: bottom;
                }
                /*span{
                    vertical-align: middle;
                }*/
            }
        }
    }
}
